/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */


function modUpdateItemDialog(editorUi,mxUtils)
{
    
    var div = document.createElement('div');
    
    var divd1 = document.createElement('div');
    
    
    
    div.appendChild( CreatItem("Initial Properties" ,"" , "thtitle"));
    
    var table = document.createElement('table');
    table.style.width = '100%';
    table.style.height = '100%';
    var tbody = document.createElement('tbody');
  
    
    row = document.createElement('tr');
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    mxUtils.write(td, 'Model Name:');
    row.appendChild(td);
    
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    var myinput  = document.createElement('input');
    myinput.setAttribute('class', 'modleName');
    myinput.setAttribute('style', 'width:100px;');
    td.appendChild(myinput);
    row.appendChild(td);
    
    tbody.appendChild(row);
    
   
    table.appendChild(tbody);
    divd1.appendChild(table);
    
    div.appendChild(divd1);
    
    
    
    $(".tabs").click(function(){
            
     
            
        })
   
   
   
   
   
   
    var mi=mxUtils.button("Migrate", function()
    {
        
        $(".tabs").removeClass("selected");
        $(".mi").addClass("selected");
        
        $(".divt3").hide("slow");
        $(".divt2").hide("slow");
        $(".divt1").show("slow");
         
        
    });
    
    mi.setAttribute('class', 'tabs mi selected');
    
    
    var me=   mxUtils.button("Migrate-Error-Resolve", function()
    {
        
        $(".tabs").removeClass("selected");
        $(".me").addClass("selected");
        $(".divt3").hide("slow");
        $(".divt2").show("slow");
        $(".divt1").hide("slow");
          
        
    })
    me.setAttribute('class', 'tabs me');
    
    var se=mxUtils.button("Synchronise-Error-Resolve", function()
    {
        $(".tabs").removeClass("selected");
        $(".se").addClass("selected");
        
        
   
        $(".divt2").hide("slow");
        $(".divt1").hide("slow");
         
        $(".divt3").show("slow");
    })
   
    se.setAttribute('class', 'tabs se');
    
    div.appendChild( CreatItem("Dataset Properties" ,"color:blue;font-size:9pt" , ""));
    
    div.appendChild(mi);
    
    div.appendChild(me);
    
    div.appendChild(se);
    

    
    
   
    
    
    
    
    $(function(){   
        
        var  myinput=0; 
        
        $(".addmore").click(function(){
           
            $(this).parent().parent("tr").after('<tr class="' + $(this).attr("id") + ' addprow morerow" style="display: table-row;"><td style="font-size: 10pt;">Value:</td><td style="font-size: 10pt;"><input class="'+$(this).attr("id")+'_event" style="width:100px;"></td><td style="font-size: 10pt;">Display Name:</td><td style="font-size: 10pt;"><input class="'+$(this).attr("id")+'_DisplayName" style="width:100px;"></td></tr>');
              
              
              
              
        })
        
        $(".addprow").hide();
       
       
        $(".chadd").change(function(){
           
            var tbClass=   $(this).parent("td").parent("tr").parent().parent("table").attr("class");
           
            if ($(this).is(':checked')){
      
                $("." + tbClass + " .addprow").show()
            }else{
      
                $("." + tbClass + " .addprow").hide()
      
            }
      
           
           
        })
       
    })
     
     
     
     
     
     
   
    
    
    
    
    
    
    
    
    
    
    var divd1 = document.createElement('div');
    
    
    
    
    divd1.setAttribute('class', 'divt1');
    
    
    
    var table = document.createElement('table');
    table.style.width = '100%';
    table.style.height = '100%';
    var tbody = document.createElement('tbody');
	
   
   
   
    row = document.createElement('tr');
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    mxUtils.write(td, 'Event:');
    row.appendChild(td);
    
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    var myinput  = document.createElement('input');
    myinput.setAttribute('class', 'migrate_event');
    myinput.setAttribute('style', 'width:100px;');
    td.appendChild(myinput);
    row.appendChild(td);
    
  
    
    
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    mxUtils.write(td, 'Display Name:');
    row.appendChild(td);
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    myinput  = document.createElement('input');
    myinput.setAttribute('class', 'migrate_DisplayName');
    myinput.setAttribute('style', 'width:100px;');
    
    td.appendChild(myinput);
    row.appendChild(td);
   
    tbody.appendChild(row);
    table.appendChild(tbody);
    divd1.appendChild(table);
    
    div.appendChild(divd1);
    
    
    
        
    /////////////////////////////////////////////////////////////////////
    
    
    
    
    
    
    var divd2 = document.createElement('div');
  
    divd2.setAttribute('class', 'divt2');
    
    divd2.setAttribute('style', 'display:none;');
    
    var table = document.createElement('table');
    
    
    table.setAttribute('class', 'merTable');
    
    table.style.width = '100%';
    table.style.height = '100%';
    var tbody = document.createElement('tbody');
	
        
        
        
    row = document.createElement('tr');
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    mxUtils.write(td, 'Event:');
    row.appendChild(td);
    
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    var myinput  = document.createElement('input');
    myinput.setAttribute('class', 'mer_event');
    myinput.setAttribute('style', 'width:100px;');
    td.appendChild(myinput);
    row.appendChild(td);
    
 
    
    
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    mxUtils.write(td, 'Display Name:');
    row.appendChild(td);
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    myinput  = document.createElement('input');
    myinput.setAttribute('class', 'mer_DisplayName');
    myinput.setAttribute('style', 'width:100px;');
    
    td.appendChild(myinput);
    row.appendChild(td);
    tbody.appendChild(row);
    
    
    
    
    
    
    
    
    
    
    row = document.createElement('tr');
     
    td = document.createElement('td');
    td.style.fontSize = '10pt';
 
    myinput= document.createElement('input');
    
    myinput.setAttribute("type", "checkbox");
    
    myinput.setAttribute('class', 'chadd');
    
    td.appendChild(myinput);
    row.appendChild(td);
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    td.setAttribute('colspan', '3');
    mxUtils.write(td, 'Add Parameters');
    row.appendChild(td);
    tbody.appendChild(row);
    
    
    
    
    
    row = document.createElement('tr');
    row.setAttribute('class', 'addprow');
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    td.setAttribute('colspan', '3');
    td.setAttribute('style', ' font-weight: bold;color: blue;');
    mxUtils.write(td, 'EventData');
    row.appendChild(td);
    tbody.appendChild(row);
    
    
    row = document.createElement('tr');
    row.setAttribute('class', 'addprow');
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    myinput  = document.createElement('input');
    myinput.setAttribute('class', 'addmore');
    myinput.setAttribute('id', 'merEventdata');
    myinput.setAttribute('value', '+');
    myinput.setAttribute('type', 'button');
    
    td.appendChild(myinput);
    
    row.appendChild(td);
    tbody.appendChild(row);
    
    
    
    row = document.createElement('tr');
    row.setAttribute('class', 'addprow');
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    
    
    td.setAttribute('colspan', '3');
    
    td.setAttribute('style', ' font-weight: bold;color: blue;');
 
    mxUtils.write(td, 'Event - Data pattern');
    
    
    
    row.appendChild(td);
    tbody.appendChild(row);
    
    
    
    
    
    
    
    row = document.createElement('tr');
    
    row.setAttribute('class', 'addprow');
    
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    mxUtils.write(td, 'Value:');
    row.appendChild(td);
    
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    var myinput  = document.createElement('input');
    myinput.setAttribute('class', 'mer_pattern_value');
    myinput.setAttribute('style', 'width:100px;');
    td.appendChild(myinput);
    row.appendChild(td);
    
    
    
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    mxUtils.write(td, 'Display Name:');
    row.appendChild(td);
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    myinput  = document.createElement('input');
    myinput.setAttribute('class', 'mer_pattern_DisplayName');
    myinput.setAttribute('style', 'width:100px;');
    
    td.appendChild(myinput);
    row.appendChild(td);
    tbody.appendChild(row);
    
    
    
    
    
    table.appendChild(tbody);
    divd2.appendChild(table);
    
    
    
    
    
    div.appendChild(divd2);
    /////////////////////////////////////////////////////////////////////
    
    
      
    /////////////////////////////////////////////////////////////////////
    
    
    
    
    
    
    var divd2 = document.createElement('div');
  
    divd2.setAttribute('class', 'divt3');
    
    divd2.setAttribute('style', 'display:none;');
    
    var table = document.createElement('table');
    
    
    table.setAttribute('class', 'serTable');
    
    table.style.width = '100%';
    table.style.height = '100%';
    var tbody = document.createElement('tbody');
	
        
        
        
    row = document.createElement('tr');
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    mxUtils.write(td, 'Event:');
    row.appendChild(td);
    
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    var myinput  = document.createElement('input');
    myinput.setAttribute('class', 'ser_event');
    myinput.setAttribute('style', 'width:100px;');
    td.appendChild(myinput);
    row.appendChild(td);
    
    
    
    
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    mxUtils.write(td, 'Display Name:');
    row.appendChild(td);
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    myinput  = document.createElement('input');
    myinput.setAttribute('class', 'ser_DisplayName');
    myinput.setAttribute('style', 'width:100px;');
    
    td.appendChild(myinput);
    row.appendChild(td);
    tbody.appendChild(row);
    
    
    
    
    
    
    
    
    
    
    row = document.createElement('tr');
     
    td = document.createElement('td');
    td.style.fontSize = '10pt';
 
    myinput= document.createElement('input');
    
    myinput.setAttribute("type", "checkbox");
    
    myinput.setAttribute('class', 'chadd');
    
    td.appendChild(myinput);
    row.appendChild(td);
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    td.setAttribute('colspan', '3');
    mxUtils.write(td, 'Add Parameters');
    row.appendChild(td);
    tbody.appendChild(row);
    
    
    
    
    
    row = document.createElement('tr');
    row.setAttribute('class', 'addprow');
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    td.setAttribute('colspan', '3');
    td.setAttribute('style', ' font-weight: bold;color: blue;');
    mxUtils.write(td, 'EventData');
    row.appendChild(td);
    tbody.appendChild(row);
    
    
    row = document.createElement('tr');
    row.setAttribute('class', 'addprow');
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    myinput  = document.createElement('input');
    myinput.setAttribute('class', 'addmore');
    
    myinput.setAttribute('id', 'serEventdata');
    myinput.setAttribute('value', '+');
    myinput.setAttribute('type', 'button');
       
    td.appendChild(myinput);
       
    row.appendChild(td);
    tbody.appendChild(row);
    
    
    
    

    
    
    
    
    
    
    
    row = document.createElement('tr');
    row.setAttribute('class', 'addprow');
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    
    
    td.setAttribute('colspan', '3');
    
    td.setAttribute('style', ' font-weight: bold;color: blue;');
 
    mxUtils.write(td, 'Event - Data pattern');
    
    
    
    row.appendChild(td);
    tbody.appendChild(row);
    
    
    
    
    
    
    
    row = document.createElement('tr');
    
    row.setAttribute('class', 'addprow');
    
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    mxUtils.write(td, 'Value:');
    row.appendChild(td);
    
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    var myinput  = document.createElement('input');
    myinput.setAttribute('class', 'ser_pattern_value');
    myinput.setAttribute('style', 'width:100px;');
    td.appendChild(myinput);
    row.appendChild(td);
    
    
    
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    mxUtils.write(td, 'Display Name:');
    row.appendChild(td);
    td = document.createElement('td');
    td.style.fontSize = '10pt';
    myinput  = document.createElement('input');
    myinput.setAttribute('class', 'ser_pattern_DisplayName');
    myinput.setAttribute('style', 'width:100px;');
    
    td.appendChild(myinput);
    row.appendChild(td);
    tbody.appendChild(row);
    
    
    
    
    
    table.appendChild(tbody);
    divd2.appendChild(table);
    
    
    
    
    
    div.appendChild(divd2);
    /////////////////////////////////////////////////////////////////////
    
    
    
    
    
    var myUp=mxUtils.button("Update", function(){
        
        
             
        var data="";
        
        
        
        var value=$(".modleName").val();
        data+=returninput ("modleName" , value);
        
        $(".modelDatal").remove();
        
        ////////////////////////////////////////////////////////////migrate
        
        
        if ($(".migrate_event").val()!=""){
            
            
       
            value="event__DisplayName;"+$(".migrate_event").val()+"__"+$(".migrate_DisplayName").val();
            data+=returninput ("migrateEvent modelDatal" , value);
        }
     
        ////////////////////////////////////////////////////////migrate
        
        //////////////////////////////////////////////////////////mer
        
        if ($(".mer_event").val()!=""){
            value="event__DisplayName;"+$(".mer_event").val()+"__"+$(".mer_DisplayName").val();
            data+=returninput ("mer modelDatal" , value);
        }
        
        var merEventdata=0;
        $(".merEventdata_event").each(function(){
            merEventdata++;
            if ($(this).val()!="") {
           
                value="value__DisplayName;"+$(".merEventdata_event").eq(merEventdata-1).val()+"__"+$(".merEventdata_DisplayName").eq(merEventdata-1).val();
                data+=returninput ("merEventdata modelDatal  merEventdata"+merEventdata, value);
           
           
            }
            
        })
        
        
        
        if ($(".mer_pattern_value").val()!="") {
        
            value="value__DisplayName;"+$(".mer_pattern_value").val()+"__"+$(".mer_pattern_DisplayName").val();
            data+=returninput ("mer_pattern modelDatal ", value);
        }
        
        
        
        ////////////////////////////////////////////////mer
        
        
        ////////////////////////////////////////////////ser
        if ($(".ser_event").val()!=""){
            value="event__DisplayName;"+$(".ser_event").val()+"__"+$(".ser_DisplayName").val();
            data+=returninput ("ser modelDatal" , value);
        }
        
        var serEventdata=0;
        $(".serEventdata_event").each(function(){
            serEventdata++;
            if ($(this).val()!="") {
           
                value="value__DisplayName;"+$(".serEventdata_event").eq(serEventdata-1).val()+"__"+$(".serEventdata_DisplayName").eq(serEventdata-1).val();
                data+=returninput ("serEventdata modelDatal serEventdata"+serEventdata, value);
           
           
            }
            
        })
        if ($(".ser_pattern_value").val()!="") {
        
            value="value__DisplayName;"+$(".ser_pattern_value").val()+"__"+$(".ser_pattern_DisplayName").val();
            data+=returninput ("ser_pattern modelDatal", value);
        }
 
  
  
  
       
        $(".itmedata").append(data);
        
        editorUi.hideDialog();
        
        editorUi.showDialog(new UpdateItemEdgeDialog_new(editorUi,"","" ).container, 380, 230, true, true);
                
   
        
      
        
    });
    myUp.setAttribute('class', 'myupdate');
      
            
    div.appendChild(myUp);
    this.container = div;
}


